/*
 * @Date: 2022-02-18 14:42:46
 * @LastEditors: wuyuxin
 * @LastEditTime: 2022-02-18 17:58:47
 * @FilePath: \webpack-learning\13_webpack的devServer\src\index.js
 * @description: 文件描述
 */

/**
 * 存在的问题:
 *  问题一: 每次修改源代码之后, 我们都需要重新执行npm run build
 *    * 通过watch监听源代码的变化
 * 
 * 目前的开发模式: 
 *    1.watch方案来监听文件的变化 
 *    2.通过live-server插件提供本地服务(当文件变化时,自动刷新页面)
 * 效率并不是特别高:
 *    1.对所有的源代码都重新进行编译
 *    2.编译成功后,都会生成新的文件(文件操作 file system)
 *    3.live-server属于VSCode插件(vim/webstorm) -> 不属于webpack给我们的解决方案
 *    4.live-server每次都会重新刷新整个页面
 * 
 *  webpack-dev-server: hot module replacement(HMR)
 */
import "./math";
import React from 'react';
import ReactDom from 'react-dom';
import ReactApp from './App.jsx';

import Vue from 'vue';
import VueApp from './App.vue';

console.log('abccccdddd')

console.log('absc')

const result = "{\r\n\t\"module\": 61136,\r\n\t\"path\": \"rdd\",\r\n\t\"input\": \"input_1\",\r\n\t\"output\": \"f6v3l_plus_up/ResizeBilinear\",\r\n\t\"tile\": 1024,\r\n\t\"read\": 1280,\r\n\t\"channels\": 3,\r\n\t\"rasters\": 1,\r\n\t\"description\": \"7533\",\r\n\t\"infer_frame\": \"tflow\",\r\n    \"scene_type\": \"2\"\r\n\t\"ClassInfo\": [\r\n\t\t{\r\n\t\t\t\"ClassID\": \"1\",\r\n\t\t\t\"ClassName\": \"wer\",\r\n\t\t\t\"Color\": \"RGBA(170,85,0,255)\",\r\n\t\t\t\"ID\": \"1\"\r\n\t\t}\r\n\t]\r\n}"

// let end = JSON.stringify(result)
// console.log(end
// end = JSON.parse()

if (module.hot) {
  module.hot.accept("./math.js", () => {
    console.log("math模块发生了更新~");
  });
}

// React的代码
ReactDom.render(<ReactApp/>, document.getElementById("app"));

// Vue的代码
new Vue({
  render: h => h(VueApp)
}).$mount("#root");
